<template>
  <view class="advance">
    <view class="advance-title">
      <view>我们的优势</view>
    </view>

    <view class="advance-list">
      <view class="advance-item">
        <view class="text">回收种类多</view>
        <view>纸类,塑料类,家电</view>
      </view>

      <view class="advance-item">
        <view class="text">简单易操作</view>
        <view>操作简单，一键式下单</view>
      </view>

      <view class="advance-item">
        <view class="text">优质的服务</view>
        <view>上门回收，代为分类</view>
      </view>

      <view class="advance-item">
        <view class="text">门店分布广</view>
        <view>可选择门店多，便利您的生活，</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {},
};
</script>

<style>
.advance {
	
	height: 100vh;
  padding: 30rpx;
 
}
.advance-title {
	font-size: 33rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20rpx;
  font-weight: bold;
  background-color: aliceblue;
}

.advance-list {
  padding: 20rpx;
  display: flex;
  flex-wrap: wrap;
   flex-direction: column;
  //background-color: azure;
}
.advance-item {
  padding: 50rpx;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;

  background-color: azure;
  border: 20rpx solid white;

}
.text{
	font-size: 30rpx;
	font-weight: bold;
}
</style>
